/* 广告 */

.banner {
    width: 700px;
    height: 120px;
    background-image: url(../img/banner.jpg);
    /* 背景图像将仅显示一次 */
    background-repeat: no-repeat;
}


/* 导航栏 */

.links {
    width: 700px;
    height: 33px;
}


/* 小li，也就是一张图片 */

.links li {
    /*背景图片*/
    background-image: url(../img/button1.jpg);
    /*使背景图片向左浮动成一行*/
    float: left;
}


/* 超链接，也就是文字 */

.links a {
    /* 使文字向左浮动成一行 */
    float: left;
    /*文本居中*/
    text-align: center;
    /* 设置宽度 */
    width: 100px;
    /* 设置行高 */
    line-height: 33px;
    /* 超链接字体颜色为红色 */
    color: red;
    /* 显示为块状 */
    display: block;
}


/* 鼠标放上去的效果 */

.links a:hover {
    background-image: url(../img/button1_bg.jpg);
}